<nav class="navbar-default navbar-static-side" role="navigation">
    <div class="nav-close"><i class="fa fa-times-circle"></i>
    </div>
    <div class="sidebar-collapse">
        <ul class="nav" id="side-menu">
            <li class="nav-header">
                <div class="dropdown profile-element">
                    <span>
                    	<img alt="image" class="img-circle" src="${ctxPath}/${imagePath}/user.jpg" width="64px" height="64px"/>
                    </span>
                    <a data-toggle="dropdown" class="dropdown-toggle" href="#">
                            <span class="clear">
                           <span class="block m-t-xs"><strong class="font-bold">${shiro.getUser().name}</strong></span>
                            <span class="text-muted text-xs block">${shiro.getUser().roleName}<b class="caret"></b></span>
                            </span>
                    </a>
                    <ul class="dropdown-menu animated fadeInRight m-t-xs">
                        <li>
                            <a class="J_menuItem" href="${ctxPath}/sysUser/info">个人资料</a>
                        </li>
                        <li>
                            <a class="J_menuItem" href="javascript:void(0)">修改密码</a>
                        </li>
                        <li class="divider"></li>
                        <li>
                            <a href="${ctxPath}/logout">安全退出</a>
                        </li>
                    </ul>
                </div>
                <div class="logo-element">HH
                </div>
            </li>
            @for(menu in menuList){
            	@if(isEmpty(menu.childMenu)){
            		<li>
                        <a class="J_menuItem" href="${ctxPath}${menu.url}" name="tabMenuItem">
                            <i class="fa ${menu.icon}"></i>
                            <span class="nav-label">${menu.menuName}</span>
                        </a>
                    </li>
            	@}else{
            		<li>
                        <a href="#">
                            <i class="fa ${menu.icon}"></i>
                            <span class="nav-label">${menu.menuName}</span>
                            <span class="fa arrow"></span>
                        </a>
                        <ul class="nav nav-second-level">
                        @for(chilidMenu in menu.childMenu){
                        	@if(isEmpty(chilidMenu.childMenu)){
                        		<li>
                                    <a class="J_menuItem" href="${ctxPath}${chilidMenu.url}" name="tabMenuItem">
	                                    <i class="fa ${chilidMenu.icon}"></i>
	                                    <span class="nav-label">${chilidMenu.menuName}</span>
                                    </a>
                                </li>
                        	@}else{
                        		<li>
                                    <a href="#">${chilidMenu.menuName} <span class="fa arrow"></span></a>
                                    <ul class="nav nav-third-level">
                                        @for(thirdMenu in chilidMenu.childMenu){
                                        <li>
                                            <a class="J_menuItem" href="${ctxPath}${thirdMenu.url}" name="tabMenuItem">
                                            	<i class="fa ${thirdMenu.icon}"></i>
                                            	<span class="nav-label">${thirdMenu.menuName}</span>
                                            </a>
                                        </li>
                                        @}
                                    </ul>
                                </li>
                        	@}
                        @}
                        </ul>
                    </li>
            	@}
            @}
        </ul>
    </div>
</nav>